<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="./login.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="./index.css"/>
	</head>
	<body>
		<div id="huioo"></div>
		<button>登录</button>
		asdasd
		不会影响到页面上面的其他代码
	</body>
	<script>
		document.querySelector("button").addEventListener("click",()=>{
			//这个弹窗的位置是水平垂直居中，要是大家有兴趣的话，可以在这里传值，然后设置位置什么的
			var TC = new YUPopup({
				// documentId: 'huioo',
				header: true,
				isLogin: true,
				// content: 'hello world',
				headerContent: '登录',
				inputTypeUser: 'text',
				documentWidth: 400,
				// documentHeight: 400,	//一般不指定高
				inputNameUser: 'username',
				inputTypePwd: 'password',
				inputNamePwd: 'pwds',
				btnName: ['确定登录', '取消登录',  ],
				btn1:function(item){
					console.log(item)
					if(item.username == '' || item.password == '')
					{
						//写完一个再写一个，唉
						var TCC = new YUPopup({
							// documentId: 'huioo',
							header: true,
							// isLogin: false,
							content: '请输入用户名密码',
							headerContent: '提示',
							inputTypeUser: 'text',
							documentWidth: 400,
							// documentHeight: 400,		//一般不指定高
							inputNameUser: 'username',
							inputTypePwd: 'password',
							inputNamePwd: 'pwds',
							btn1:function(){
								TCC.removeDom()
							},
							btn2:function(){
								console.log(123)
							},
							btn3:function(){
								alert(789)
							},
							closeYUPopup:function(){
								console.log(123)
							},
						})
					}else{
						console.log('登录成功')
					}
				},
				btn2:function(){
					// console.log(123)
				},
				btn3:function(){
					alert(789)
				},
				closeYUPopup:function(){
					console.log(123)
				},
			})
		})
		
	</script>
</html>
